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Q. Document did not print? 



Q. Were you able to print a 
test page? 



aQ. Do you have a least 2 MB 
of available hard disk spa( 



space? 

Are you printing from 
MS-DOS? 



Q. Purchase additional 
feature needed? 



Y 



Notify 
^shipping 
routines 



Is this a network printer? 



Y 



aQ. Does the printer 
have a LAN card 



builtin? 




Q. Slow printer - number of 
pages - number of graphics, 
amount of text? 



Q. Correct 
set of 
drivers? 



Compute print speed based 
on parameters 




Q. Poor print quality- 
specify symptoms? 



Display computed print 
speed / provide 
recommendations 



a- 



Check paper orientation? 




j Recommend you run a 



special diagnostic 



Fill out survey form 



"► (^ ^ End of process 

Sample Business Process 

1 ^tST AVAILABLE COPY 



Printer 




Debugging 





r 



Link - Document 
did not print? 



Link - Were you 
able to print a 
test page? 



Link - Do you have 
at least 2 MB of 
available hard 
disk space? 



Link - Are you 
printing from 
MS-DOS? 



Link - Slow printer? 



Link- 
Poor print quality? 



Skewed 
characters, bands, 
white spaces, 
unprintable 
characters 



2/42 

Title/Description Components - radiobutton(Title/ 
variable name) with 3 buttons - title/mouseover help 



Title/Description Components - radiobutton 
(Title/variable name) with 2 buttons 




Title/Description Components - checkbox 
(Title/boolean variable name- no default value) 



itIe/Description Components - 
]|adiobutton(Title/variab!e name) with 
buttons - title/mouseover help 



Part Number, Quantity 



API call with customer ID 
shopping cart information 



Link - Is this a network 
printer? 




Title/Description 
Components -radiobutton(Title 
/variable n ame)with 2 buttons 



Link - Does the printer 
have a LAN card builtin? 



Q. Correct set of drivers? 





Title/Description Components - number of fields 
(Title/variable name, mouseover help) 

Compute Print speed 
based on parameters 





Title/Description 
Components - checkboxes \ 
(Title/variable name)with 4 \ ^ J 
boxes - title/mouseover help 




Title/Description 
Components - 
Label field 



Title/Description 
Components - checkboxes 
(Title/v ariable name) - title 




Fill out survey form 



Title/Description 
Compo nents - Textarea 

Link - Check paper orientation? 



J End of process 



Node Example Details - Links and User Interface Specifications 

FIG. 2 
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Computer 
Debugging 



[Lin k - Is this a brand x PC 




Link - Is this printer model A 



Printer A 
debugging 



Link - Is this printer model B 



Printer B 
debugging 




[Un k - Is this a brand Y PC 



Link - Is this printer model A 



Printer A 
debugging 



Link - Is this printer model B 



Printer B 
debugging 



o 



Fill out a survey form 

— -c^ 

End of process 
Reusable Process Definitions 

FIG. 3 
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Link - Slow printer f\ 
- number of pages 
-number of graphics,|J^, 
amount of text? If 
true then J else M 



Link - Poor print 
quality - specify 
symptoms. If true 
then M else P 



Link -Check paper 
orientation? If true 
then N else P 



Link - Document did not print? 

If true then execute B else J 




Link - Were you able to print a test page? 
If true then execute C else G 



Link - Do you have a least 2 MB 
of available hard disk space? 
If true then D else J 



Link - Are you printing from 
MS-DOS? If true then 
E else J 

Purchase additional 
feature needed? 



Notify 
shipping 
routines 



Link -Is this a network 
printer?lf true then H else J 



Link - Does the printer 
have a LAN card builtin? 
If true then I else J 





Q. Is the 
printer 
powered 
up? 



Compute print speed based 
on parameters 



Display computed print 
speed / provide 
recommendations 



■CD 



<Zr\ Recommend you run a 
J special diagnostic 



Fill out survey form 



-► ^ J End of process 



Node Conditional Logic 

FIG. 4 
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The process node represents a complete process and contains 
global variables for the process 



) 



The display node represents the logic to display titles, screen 
descriptions and display objects such as radio buttons, pull-down 
menus, checkboxes etc. The individual display objects may 
have a wide range of animated behaviors and may accept input 
that is stored in global variables. 



The purchase node represents the placing of a certain number of 
specific items for purchase on a shopping cart paradigm for later 
checkout, e.g., place a 4X CD-ROM, associated documentation 
and a software driver in the shopping cart 





The interface node represents the interaction with external 
applications using a pre-defined interface known as an API 
(application programming interface) e.g., issue a call to a 
relational database requesting records that match a certain 
criteria 



The computation node represents the computation of a variable 
using a formula e.g., A = B*3 + 4*0**2/5.4 




Links represent the conditions under which a subsequent 
node will be executed e.g., A< 5 AND B >C 



Node Types and Links 

FIG. 7 
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Description/ 
Display 
Method 




Display Node 

FIG. 8 



Display 
Component 



Example display components - 
Edit box, Check box, Combo box, 
Radiobuttons, Labels, Listbox 



V 

Display 
Component 
Methods 



Display component methods 
permit special behaviors e.g., 
additional information on a 
mouseover event 



2 

Component 
Variables 



Global variables that are set 
based on user selections - 
including variable display labels, 
default, min/max values 



Display Components 



FIG. 9 
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Templates provide a 

means to define an overall 
look & feel for a specific 
screen display 




Templates may be 
associated with a website 
(lowest priority) or a specific 
process or with a specific 
display node (highest 
priority) 

The highest priority 
template is the one selected 



Select Template 



1 



Combir 
display nc 
and dei 
met 


^e with 
)de's title 
>criptor 
hod 







1 



Combine with 
display component's 
methods and 
attributes 



Final display 
package rendered 
by client web 
browser 



Return control to server 
with variables set 
appropriately 



Dynamic display creation process 

FIG. 10 
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Template-enabled browser device independence 

FIG. 1 1 





Template-enabled personalization of broswer user interface 

FIG. 12 
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Business Process Design 



Design Process/ 
Service Objectives 



Define Rules 



Identify / Collect 
Information / 
Knowledge 



Prototype / 
Validate rules / 
processing 



Finalize 
Application 



Website Design 



Identify Overall 
Website Ul / Look 
& Feel 



I 



Customize 
standards for this 
application 



I 



Integrate with 
application specific 
layout 



Systems 
Integration 
Planning 


< 


Confirm Overall 
Look & Feel 













Overlapped Business Process Design and Website Design Methodology 

FIG. 13 
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Analyst uses a process design tool to layout the 
target business process and corresponding rules 
based on documentation and best practices. She 
uses a set of predefined templates and display 



objects to set up a basic look and feel. 



Company user interface designers 
update the basic set of templates 
and display objects to conform to a 
standard look and feel 




Service Engine executes 
the business rules and 
sets up the web display 
content for the web 
server 



Customer access 
via a standard 
web browser 



Web server connected to the Internet 



Information and Control Flow 



FIG. 14 
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felBENZ ROOT 
©-CZD ISpring internal 
^=€3 Customers 
^ New Process 



Opening Process Builder Screen 

FIG. 15 



y Category.P.rap&rgesil 



Name 



Login 



DescfiptiGiaS 







Ok 









Category Properties 

FIG. 16 
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Process: Diagram IDi 460 



New Process 



New Process Node 

FIG. 17 




New 



:;;:Ccq3y:tQ::n^^ 

t Cut 

Q Paste 

X Delete 

Q Save 

S Save To 

Cti Check tn 

1^ Checkout 

Show History 

a Show StatiStic$ 

Change link Order 

y Validate 
oD Breek Point 
Collapse 
EB Properties 



31 



Checking Out A Process 

FIG. 18 
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UIBtocfe Hx^d^ Prc^^^ttes^- 460114 



Titte: ] Login Controls 



iNamei^ fLogin Controls 



Description: 



m 



pSelected Conniponent^ 



Component Chooser 



Spring 



r Available Components - 



Date 

DateTime 

DBList 

List 

Number 



GeneralJI^jTO 



Title: 

Description;! 
Variable: m 



New.> 



Sefected ReGord: 



Ui Type: 



New... 



s/Ok XCar^cel 



User Interface Block Node Properties 

FIG. 24 
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Title;::: Loain C 
Name; 1 Loqin C 
Oescrtption: j 

[ Gompof 

p Selected Components 

String 
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ontr 

lent 


ols 
ols 
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Chooser 

-Avaifable Components 

Date 

DateTime 
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List 

Number 
String 
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rGenerainPfooertie^EveFvtet 
Title: UserName 
















Description: 












VarBabJe: 


username 








•. 


New.. 






Selected Record: 
Ul Type; 1 


extBox 


1 


< Cancel 




^7 


^BWa.,: 





Component Definition Box, General Tab 



FIG. 25 



:NewV9.ri$Dle 



Enter Name; 



Ok 



Variable Definition Box, User Interface Block Node 

FIG. 26 
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UiBfocfc Node Prc^Klles- - 46Q1 14 



Titlo; 1 Login Controls 
Descftptk>m:: j 



3 



p Selected Components 



Compbftent Chooser 



String 



"AvatlaMe Ctom^ 



Date 
DateTime 
DBList 
List 

Number 



Stryfig 



Property 



Backyoi:Mici color 



Cai>fio^ suffix 



Ei^abled 



Fo«t color 



Value 



User Name 



VOfc X Cancel 



Component Definition Box, Properties Tab 

FIG. 27 



24/42 



p 



:Q>: 

•.Hi*. 

TO 
a. 

■-it-: 

:c:>:- 

:CO.- 



:co: 
: :cn 

::0- 




CD 

o 

1 o 



O 



25/42 



m><Jl 



Titl$^: 1 Login Interaction 

Name: ^ [Login Interaction 

Bescription:::: ! 

I— UI Nodes 



Ml 



Login Scfeen 



AclcJ» 



Remove 



Login Screen 



1> 



4> 



-Interface or Process 
taterface: 



rPHfametefs^ 



tnterface rPi<iee$$^ 



Column Name 



Variable 



s/Ok X Cancel 



Selecting a User Interface Node 

FIG. 29 
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litliraGticsi Node Propeflfes - 4BQ1 1 7 



i|iiMiM < ^Vi|l^i'i»»lili M *li 



!baGl<buttonvfsi& 



false:; 




^rnatl 
enabled 



foritface 



fontsize 

5r 



n extbuttonca pttort 



he>ctbuttom?y%3e 
nextbuttonvisibfe 



requifedfieldifidicator 
resetbtittonvisibte ' 



temt^late 
iSef 



MSTemplate 



N/Ofc : X Cancel 



Interaction Node's Properties 

FIG. 30 
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Login Pt^i^S^^^^^^H 



m 



IH] Save To 
Cb Check 
1^ Check Out 
Show Histoty 



C3 Show Statistics 
Change LTnl< Order 
>/ VaHdate 

Collapse 



■^1 



ui 



[Block] 
Login Controls 



IE 



Process Node Menu, Save Process 

FIG. 3 1 



j) Files Edit View Favorites Tools Help 
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User Name 
Password 
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Mq:^ ||0 Internet 



Login Process URL, Basic Fields 

FIG. 32 
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Title; 
Name: 



I Verify Login 



Verify Login 



Oescriptiont £ 



gtep Name" 



t New 
t Edit 
i Delete I 

a 



N/ Ok 1 1 X Cancel j 



Task Node Properties 

FIG. 34 



E 



r General |j!KaiHajnjeBiEil 



l^jaro^fj ilstep name 



t V Ok Cancel 



Step Definition Box 



FIG. 35 
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Name: ] verify against database 



Type: i&atabase' 
I nteff aceiCZZZZZZ 



1^ Ok ( I X G^nMj 



Selecting a Step Function 

FIG. 36 



ffl 



mm 



(General 



Name: 
Type: 



jverity against database 



lOatabase" 



>¥ ■ :Merface: }MS Vertfv LoQirT 



Return Value userinfo 



@Alias 



Cotumn Name 



@Pwd 



Unput L<^lp50 " 



TTl [New..! 



Variable 



V Ok ; X Cancel 



Database Variable Interface Options 

FIG. 37 
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aqainst database 
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Return Value userinfo 






::; |^ 


XT 

Slew. : 






:;;T:ft;«wmn..N,ams 

: (a)Alias 1 
:@Pw<i ) 


L!.se.rna,n 
sasswoi 





























Database Variables, Mapping Parameters 



FIG. 38 



32/42 



m 



:<tX 

ro. 

'■.{X 

::0. 
1 
> 
«: 

■TT. 
iO 



m 



CD 
T3 
O 



to 

P 



3_gi O 



O 
CO 



CD 
O 



0 



o 



0) 

> 



c 
o 

*t3 

03 
i_ 

0) 

c 
o 



CD 
O 



o 



ON 
CO 



o 
Q 




CO 
CO 
CD 

o 
p 



O 



33/42 



^ Link Node Prog^eriies 



Invalid User 



Title: 

Name: I Invalid UseT 
Description: 



IF 



N/Qk I { X Cancel ( 



Decision Node's Properties Dialog Box 

FIG. 40 



Wizard hJ^mo: 

Script 


Write Customer java Code 


Set Conditions 


Set Conditional expression 




:)Qp^ra!KjnSim^ 


Node Properties 


Set Node Properties 


Node Component Properties 


Set Node Component Properties 


XML 


XML 


Variable Functions 




DB Record 


Operations on DB Record 


Assign Expression 


Assign Expression 


Condition Revisited 


Condition 





Decision Node Wizard Box 

FIG. 41 
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Descrjptiorn I No User Record Found 



Select DBList: iuserinfo 



Select Operation: Is li&t empty? 



DBList's Properties Dialog Box 

FIG. 42 
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^>i Ul j 
I Block! 
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Login Screen Login Controls 



-t> mm 
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Login Interaction... Verify Login Invalid User DataNodel 



Data Node 

FIG. 43 
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Assign Variable 



DB List 



Operations on DB List 



Node Properties 



Set Node Properties 



Node Campion® 



XML 



XML 



Variable Functions 



DB Record 



Operations on DB Record 



Assign Expression 



Assign Expression 



N/ Ok X Cancel 



Wizard Box 

FIG. 44 
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TGeneral fPropertres : 
Title: lUser Not Found 

Name: } u§^r N.o.tf .p.wnf;! 


m 

1 
1 




Description; 


...m 






DOWHILE 






1 V Ok X Cancel | 







Do While Loop Node's Properties Dialog Box 

FIG. 48 





Script 






DeserlDticnt 
Write Customer jalva Code 




Set Conditions 
DB List 


Set conditional expression 


Node Properties 


Operations on DB List 
Set Node Properties 




Node Component Properties 


Set Node Component Properties 




XML 


XML 




Variable Functions 






DB Record 


Operations on DB Record 




Assiqn Expression 


Assiqn Expression 




Condition Revisited 






%/ Ok] 


Condition 
X Cancel 











Do While Loop Node Wizard Box 



FIG. 49 



40/42 



Description: User Record Found 



Select DBLtst: userinfo 



Select Operation: Is tist empty? 



^/ Ok; : X cancel 



DBList's Properties Dialog Box 



FIG. 50 
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B l^lemction Nodes - t^icposcrfl Ipfemel Excrfof^r 
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User Name 
Password 



tntemST 



Login Process URL, Basic Fields 

FIG. 52 
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